<template>
	<view class="fixed">
		<view class="content">
				<text class="font">{{message}}</text>
		</view>
	</view>
	
</template>

<script>
	export default {
		data() {
			return {
				cartMessage:'提示语' 
			}
		},
		props: {
		  message: {
		    typeof: String,
		  }
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
	.fixed{
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		z-index: 1000000;
	}
	.content{
		padding: 24rpx 36rpx;
		display: flex;
		align-items: center;
		max-width:400rpx;
		position:absolute;
		bottom: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		box-sizing: border-box;
		background-color: #1A1A1A;
		z-index: 999999;
		.font{
			font-family:'NotoSansSC-Regular';
			font-size: 28rpx;
			font-weight: 400;
			line-height: 48rpx;
			color: #FFFFFF;
		}
	}


</style>
